<template>
  <div>
    <!-- 头部 -->
    <div class="top">
      <!-- 头左 -->
      <div class="top_left">
        <img src="../assets/img/logo.png" alt="这是logo鸭" />
      </div>
      <!-- 头中 -->
      <div class="top_center">
        <input type="text" placeholder="星辰不坠落 蓝心羽" />
        <div class="icon">
          <i></i>
        </div>
      </div>
      <!-- 头右 -->
      <div class="top_right">
        <ul>
          <li><a href="#">客服中心</a></li>
          <li><a href="#">招贤纳士</a></li>
          <li><a href="./page/member.html">会员中心</a></li>
          <li><a href="#">商务合作</a></li>
        </ul>
        <div class="top_right_right">
          <a href="#" id="signin">登录</a>
        </div>
      </div>
    </div>

    <!-- 导航栏 -->
    <div class="nav">
      <div class="nav_left">
        <ul class="nav_left_ul1">
          <li class="left_ul1_li1 ul1_li1"><a href="./index.html">首页</a></li>
          <li class="left_ul1_li1 ul1_li2">
            <a href="./page/list.html">榜单</a>
          </li>
          <li class="left_ul1_li1 ul1_li3">
            <a href="./page/books.html">听书</a>
          </li>
          <li class="left_ul1_li1 ul1_li4">
            <a href="./page/download.html">下载酷狗</a>
          </li>
          <li class="left_ul1_li1 ul1_li5">
            <a href="./page/recognizeMusic.html">听歌识曲</a>
          </li>
          <li class="left_ul1_li2" id="left_ul1_li2">
            <a href="#" class="left_ul1_li2_a">更多</a>
            <ul class="nav_left_ul2" id="nav_left_ul2">
              <li><a href="#">电台</a></li>
              <li><a href="#">MV</a></li>
              <li><a href="#">歌单</a></li>
              <li><a href="#">歌手</a></li>
              <li><a href="#">专辑</a></li>
            </ul>
          </li>
        </ul>
        <ul class="nav_left_ul3">
          <li><a href="#">直播</a></li>
          <li><a href="#">商城</a></li>
          <li><a href="#">音乐人</a></li>
          <li><a href="#">代理商</a></li>
          <li><a href="#">主播电台</a></li>
          <li><a href="#">开放平台</a></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="sass" scoped>
</style>